<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Search a restaurant</title>
<link href="/VancouverTongue/static/style.css" type="text/css"
	rel="stylesheet" />
<link rel="shortcut icon" href="/VancouverTongue/static/icon.png">
<style type="text/css">

div.pickRest {
	background-color: #F5F5F5;
	box-shadow: 10px 10px 5px #888;
	float: right;
	top: 200px;
	left: 900px;
	width: 200px;
	height: 450px;
	text-align: center;
}

div.all {
	background-color: #F5F5F5;
	box-shadow: 10px 10px 5px #888;
	float: left;
	
	left: 900px;
	width: 750px;
	height: 250px;
	text-align: left;
	margin-top:10px;
}

div.info {
	float: left;
	padding-left: 5mm;
	padding-right: 5mm;
	padding-top: 5mm;
	padding-bottom: 5mm;
}

div.image {
	float: right;
	padding-right: 5mm;
}
</style>

</head>
<body>
	<jsp:include page="headTemplate.jsp" />
	<jsp:include page="RandomTemplate.jsp" />

	<c:forEach var="rest" items="${resultList}">
		<div class="all">
			<div class="info">
				<Strong><a href="restaurant/${rest.restaurantId}">${rest.restaurantName}</a></Strong>
				<p>Address: ${rest.streetName},${rest.city}</p>
				<p>Phone:${rest.phone}</p>
				<p>Rating:${rest.rating}
			</div>

			<div class="image">
				<img src="${rest.image}" alt="Restaurant Image" width="300"
					height="250" />
			</div>
		</div>
	</c:forEach>

</body>
</html>